<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>横向表单</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>
        body {
            padding: 20px;
        }

    </style>
</head>
	<body>
		<form action="#" class="form-horizontal">
			<div class="form-group">
				<span class="col-sm-2 text-center">姓名:</span>
				<div class="col-sm-10">
					<input class="form-control" type="text" placeholder="请输入你的姓名" />
				</div>
			</div>
			<div class="form-group">
				<span class="col-sm-2 text-center">邮箱:</span>
				<div class="col-sm-10">
					<input class="form-control" type="email" placeholder="请输入你的邮箱"/>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-4 col-sm-4">
					<input class="form-control" type="submit" 提交 />
				</div>
			</div>
			<br />
			<br />
			<br />
			<br />
			<input type="text" class="input-lg form-control has-warning" placeholder="大型输入框" />
			<input type="text" class="form-control" placeholder="正常输入框" />
			<input type="text" class="input-sm form-control" placeholder="小型输入框" />
		</form>
	</body>
</html>
